<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="../css/reset.css">
	<link rel="stylesheet" type="text/css" href="../css/date_input.css">
	<link rel="stylesheet" type="text/css" href="../css/common-list.css">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
	<script src="../js/jquery-1.12.3.js"></script>
	<script src="../js/jquery.date_input.pack.js"></script>
	<header>
		<div class="header-con">
			<a class="navbar-header" href="">
				<img src="../images/logo.png" alt="">
			</a>
			<ul>
				<li>
					<a href="" class="open-menu">首页</a>
				</li>
				<li>
					<a href="">人资管理</a>
				</li>
				<li>
					<a href="">指标设置</a>
				</li>
				<li>
					<a href="">数据统计</a>
				</li>
				<li>
					<a href="">工作时设置</a>
				</li>
				<li>
					<a href="">财务管理</a>
				</li>
			</ul>
		</div>
		<div class="peo-message">
			<div class="peo-cir">
				<!-- <img src="" alt=""> -->
			</div>
			<em>黑披士</em>
			<span class="down-list"></span>
			<!-- <ul>
				<li>123</li>
			</ul> -->
		</div>
	</header>
	<div class="boxed clearfix">
		<div class="common-tit">
			<h2>课程设置</h2>
			<span>公司设置 > 课程设置</span>
		</div>
		<div class="ad-box">
			<div class="account-infor">
				<div class="atten-box clearfix">
					<div>学员设置<em></em></div>
					<div class="atten-sel">课程设置<em></em></div>
					<div>商品设置<em></em></div>
					<div>人资设置<em></em></div>
					<div>全局设置<em></em></div>
				</div>
				<h3>
					<em>*</em>
					<span>教室</span>
				</h3>
				<div class="comp-setbox">
					<div class="comp-set">
						<div class="com-wdr clearfix">
							<ul class="com-adcon">
								<li>
									<span>所属分店:</span>
									<em>123</em>
								</li>
								<li>
									<span>教室名称:</span>
									<em>123</em>
								</li>
								<li>
									<span>教室位置:</span>
									<em>123</em>
								</li>
								<li>
									<span>人数上限:</span>
									<em>123</em>
								</li>
							</ul>
							<div class="comm-del">删除</div>
						</div>
						<div class="com-wdr clearfix">
							<ul class="com-adcon">
								<li>
									<span>所属分店:</span>
									<em>123</em>
								</li>
								<li>
									<span>教室名称:</span>
									<em>123</em>
								</li>
								<li>
									<span>教室位置:</span>
									<em>123</em>
								</li>
								<li>
									<span>人数上限:</span>
									<em>123</em>
								</li>
							</ul>
							<div class="comm-del">删除</div>
						</div>
						<div class="com-adr clearfix">
							<ul class="com-adcon">
								<li>
									<span>所属分店:</span>
									<input type="text">
								</li>
								<li>
									<span>教室名称:</span>
									<input type="text">
								</li>
								<li>
									<span>教室位置:</span>
									<input type="text">
								</li>
								<li>
									<span>人数上限:</span>
									<input type="text">
								</li>
							</ul>
							<div class="comm-add">
								<span>添加</span>
								<div class="com-addinfo">至少添加一条教室信息</div>
							</div>
						</div>
					</div>
				</div>
				<h3>
					<em>*</em>
					<span>私教设置</span>
				</h3>
				<div class="comp-dset">
					<span>私教时长:</span>
					<input id="priEdu" type="text">
					<em>小时</em>
				</div>
			</div>
			<div class="com-sbtn">保存</div>
		</div>	
	</div>
	
	<script src="../js/common-list.js"></script>
	<script>
		$(".com-sbtn").on("click", function() {
			var canSub = true;
			if ($(".comp-set .com-wdr").length < 1) {
				canSub = false;
				// 出提示  至少一条
				$(".com-addinfo").css({
					"display" : "block"
				});
			} else {
				$(".com-addinfo").css({
					"display" : "none"
				});
			}
			if ($("#priEdu").val() == "") {
				$("#priEdu").css({
					"border" : "1px solid #ff5a60"
				});
				canSub = false;
				// 出提示  至少一条
			} else {
				$("#priEdu").css({
					"border" : "1px solid #9ea0b7"
				});
			}
			if (canSub) {
				console.log("通过验证");
			};
		})

	</script>
</body>
</html>